<!DOCTYPE html>
<html>
<head>
	<title></title>
<style>
	.box{
		display: flex;
	}
	.left{
		flex: 0 0 200px;
		height: 400px;
		background-color: yellow;
	}
	.right{
		flex: 0 0 200px;
		height: 400px;
		background-color: yellow;
	}
	.middle{
		flex: 1;
	}
</style>
</head>
<body>
	<div class="box">
		<div class="left"></div>
		<div class="middle">基本上最常见的答案是这三种布局方式，但是很多人都只说一个 flex，其他两种布局方式稍微考虑下就可以想到（o´ﾟ□ﾟ`o），该问题不是想让面试者回答出什么奇淫技巧，只是对 CSS 基础知识的一个考察。基本上最常见的答案是这三种布局方式，但是很多人都只说一个 flex，其他两种布局方式稍微考虑下就可以想到（o´ﾟ□ﾟ`o），该问题不是想让面试者回答出什么奇淫技巧，只是对 CSS 基础知识的一个考察。基本上最常见的答案是这三种布局方式，但是很多人都只说一个 flex，其他两种布局方式稍微考虑下就可以想到（o´ﾟ□ﾟ`o），该问题不是想让面试者回答出什么奇淫技巧，只是对 CSS 基础知识的一个考察。基本上最常见的答案是这三种布局方式，但是很多人都只说一个 flex，其他两种布局方式稍微考虑下就可以想到（o´ﾟ□ﾟ`o），该问题不是想让面试者回答出什么奇淫技巧，只是对 CSS 基础知识的一个考察。</div>
		<div class="right"></div>
	</div>
</body>
</html>